// 主色调
@blueColor: #1a8fe3;

// Switch
@switchColor: #1a8fe3;

// button
@buttonColor: #1a8fe3;

// Radio
@radioColor: #1a8fe3;

// checkbox
@checkBoxColor: #1a8fe3;
@checkBoxSelectdBox: #fff;

// 文字链接颜色
@textLinkColor: #1a8fe3;

// 向导页logo大小
@wizardLogoSize: 166px;

// 首页流量文字链接
@learnMore: #0067fe;
@secondsToTime: #da00fe;

@btnColor_head: #f2f2f2;
@btnFontColor_head: #000;
@elSelectCaret_head: #515151;
@messageTop_mobile: -20px;
@messageTop_PC: 2px;

@topColor: #fff;
@bankColor: #f2f7fa;
@topHeight: 84px;
@app-mainHeight: 94px;

@navColor: #2a000000;
@navTextColor: rgba(0, 0, 0, 0.8);
@navActiveGradientColor: #1a8fe3;
@navActiveTextColor: rgba(255, 255, 255);

@subNavColor: rgba(255, 255, 255, 0.05);
@subContentActiveColor: rgba(26, 143, 227, 0.4);
@subNavActiveGradientColor: #1a8fe3;
@subActiveTextColor: #fff;

@background_common: #f2f7fa;
@elMenuColor: #2a000000;

@mainBoxMinHeight_PC: 816px;
@mainBoxMinHeight_mobile: 850px;
@mainBoxColor: #f2f7fa;

@loginBackgroundColor: #f2f7fa;

// 首页样式个性化 -> start

// 主体背景颜色
@mainColor: #f2f7fa;

// 模块盒子边框颜色
@cardBorderCorlor: white;

// 模块盒子边框颜色
@cardBorderSize: 0px;

// 模块盒子背景颜色
@cardColor: white;

// 顶部距离
@topMargin: 30px;

// 模块盒子间隙
@cardMargin: 30px;

// 网速盒子背景颜色
@speedColor: #ecf7fd;

// 模块盒子宽度
@cardWidth: 97%;

// 模块盒子圆角
@cardRadius: 10px;

// SIM卡盒子高度
@simCardHeight: 54px;

// SIM 卡成功连接文字颜色
@simSuccess: @blueColor;

// SIM 无服务文字颜色
@simNoServer: #ff7d00ff;

// 无拨号文字颜色
@simDisconnected: #f56c6c;

// SIM 模组初始化文字颜色
@simModemInit: #ff7d00ff;

// SIM 卡初始化文字颜色
@simInit: #ff7d00ff;

// SIM 不存在文字颜色
@simNo: #f53f3fff;

// SIM PIN 或 PUK 锁定文字颜色
@simPPLocked: #ff7d00ff;

// SIM 卡锁定文字颜色
@simLocked: #ff7d00ff;

// IPPT 文字颜色
@simIPPT: @blueColor;

// 控制面板SIM相关背景色
// 成功
@simSuccessBg: @blueColor;
// 无服务
@simNoServerBg: #ffffff;
// 无拨号
@simDisconnectedBg: #ffffff;
// 模组初始化
@simModemInitBg: #ffffff;
// sim初始化
@simInitBg: #ffffff;
// 无sim
@simNoBg: #ffffff;
// PIN or PUK Locked
@simPPLockedBg: #ffffff;
// lock
@simLockedBg: #ffffff;
// ippt
@simIPPTBg: #ffffff;

// 设备和 WIFI 信息盒子高度
@deviceWifiHeight: 330px;

// 设备信息和网络状态宽度
@deviceNetWidth: 280px;

// 设备信息和网络状态高度占比
@cardHeightLevel: 45%;

// WIFI 盒子宽度
@wifiWidth: 615px;

// 流量盒子高度
@rateHeight: 250px;

// 运营商盒子背景颜色
@ISPColor: white;

// 运营商无服务文字颜色
@ISPFontNoServe: black;

// 运营商有服务文字颜色
@ISPFontServe: black;

// 运营商盒子边框大小
@ISPBorderSize: 0px;

// 运营商盒子边框颜色
@ISPBorderCorlor: rgba(0, 0, 0, 0);

@grayText: #777e8f;

// WIFI 按钮背景颜色
@WiFibtnColor: rgba(0, 0, 0, 0);

// WIFI 按钮边框颜色
@WiFibtnBorderColor: black;

// WIFI 按钮文字颜色
@WiFibtnFontColor: black;

// WIFI盒子换行宽度
@wrapWidth: 695px;

// 首页样式个性化 -> end

// 主题切换相关变量
@theme-transition: all 0.3s ease;

// 亮模式变量（默认）
@light-bg-primary: #ffffff;
@light-bg-secondary: #f2f7fa;
@light-bg-tertiary: #f8f9fa;
@light-text-primary: #000000;
@light-text-secondary: #333333;
@light-text-muted: #666666;
@light-border: #ddd;
@light-border-light: #eee;
@light-shadow: rgba(0, 0, 0, 0.1);

// 暗模式变量
@dark-bg-primary: #1a1a1a;
@dark-bg-secondary: #2c2c2c;
@dark-bg-tertiary: #333333;
@dark-text-primary: #ffffff;
@dark-text-secondary: #cccccc;
@dark-text-muted: #999999;
@dark-border: #444444;
@dark-border-light: #555555;
@dark-shadow: rgba(0, 0, 0, 0.3);
